
import Vue from './vue'
let tempObj = {
    template: `<input v-model="inputValue"></input>
                <button @click="test2('test2')">点击改变value2</button>
                <h1 v-html="htmlTxt" @click="test('hello world')"></h1>
                <p>{{inputValue}}</p>
                <p>{{inputValue2}}</p>
            `
}
let vue = new Vue({
    el: '#app',
    data() {
        return {
            htmlTxt: '<p>齐天大圣,点我改变</p>',
            inputValue: '输入改变value1',
            inputValue2: 'value2'
        }
    },
    mounted() { },
    component: {
        'helloWorld': tempObj
    },
    method: {
        test(msg) {
            console.log('msg', 'test1')
            this.htmlTxt = '<p>齐天大圣,驾着七彩祥云来了</p>';
        },
        test2(msg) {
            console.log(msg, 'test2')
            this.inputValue2 = "厉害了，我的国"
        }
    }
    // render(h) {
    //     return h('div#testDiv.cls', {
    //         "v-html": 'name'
    //     }, 'hello my name is {{name}}')
    // }
})








// import { init, h } from 'snabbdom'
// import style from 'snabbdom/modules/style'
// import eventlisteners from 'snabbdom/modules/eventlisteners'
// let patch = init([style, eventlisteners]);
// let vnode = h('div#app.cls', {
//     style: {
//         backgroundColor: 'green'
//     },
//     on: {
//         click: onClcik
//     },
//     hook: {
//         init(vnode) {
//             console.log(vnode)
//         },
//         create(emptyVnode, vode) {
//             console.log(emptyVnode, vode)
//         }
//     }
// }, [
//     h('p', { key: 'a1' }, '1'),
// ]);
// let app = document.getElementById('app');
// let oldVnode = patch(app, vnode);
// function onClcik() {
//     console.log('hello click')
// }
// vnode = h('div#app.cls', [
//     h('p', { key: 'a3' }, 'p3'),
// ]);
// patch(oldVnode, vnode)

// import Vue from 'vue'
// import App from './App.vue'
// import VueRouter from './vueRouter'
// import {routes} from './router'

// Vue.use(VueRouter)


// const router = new VueRouter({
//   routes
// })

// new Vue({
//   router,
//   render: h => h(App),
// }).$mount('#app')